<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html" charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" http-equiv="X-UA-Compatible"/>
    <title>ToDoList-最简单的代办事项列表</title>
    <meta name="description" content="ToDoList代办事项列表,数据存储在用户浏览器的html5本地数据库里，是最简单最安全的待办事项列表应用">
    <link rel="stylesheet" href="todoList.css">
</head>
<body>
    <header>
        <section>
            <form action="javascript:post();" id="form">
                <label for="title">ToDoList</label>
                <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off">
            </form>
        </section>
    </header>
    <section>
        <h2>正在进行<span id="todocount"></span></h2>
        <ol id="todolist" class="demo-box"></ol>
        <h2 onclick="save()">已经完成<span id="donecount"></span></h2>
        <ul id="donelist"></ul>
        <footer>
            <a href="javascript:clear();">clear</a>
        </footer>
        <script type="text/javascript" src="todoList.js"></script>
    </section>
</body>
</html>